<template>
  <div>
    <el-timeline :hide-timestamp="true">
        <el-timeline-item center placement="top" v-if="data.solveRemark"> 
      <div class="time_part">
        <div style="margin-right: 30px;">
          {{ data.solveTime }}
        </div>
         
          <el-tag :type="data.solveStatus==0?'success':'danger'"> 
            {{ data.solveStatus==0?'正常':'异常' }}
          </el-tag>
         
      </div>
      <div style="margin-bottom: 20px;">
        备注：{{ data.solveRemark  }}
      </div>
    </el-timeline-item>
    <el-timeline-item center placement="top">
      <div class="time_part">
        <div style="margin-right: 30px;">
          {{ data.abnormalTime }}
        </div>
       
          <el-tag :type="data.abnormalStatus==0?'success':'danger'">
            {{ data.abnormalStatus==0?'正常':'异常' }}
          </el-tag>
        
      </div>
      <div style="margin-bottom: 20px;">
        备注：{{ data.abnormalRemark  }}
      </div>
      
        <div class="img_list">
        <FileList 
        v-for="item in data.maintainPictureList"
        style="width: 150px; margin-right: 10px;"
        :src="item"
        :only-ready="true"
        :showFileList="true"
        />
        </div>
    
      
    </el-timeline-item>
    </el-timeline>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive, toRefs, onMounted} from 'vue'
import { dayjs } from 'element-plus'
import FileList from '@/components/AplidCrud/src/AplidUpload/PreviewImg/index.vue'
let props = defineProps({
    nowRowData:{
        type:Object,
        default:()=>({})
    }
})

let data:any = ref({})
data.value = props.nowRowData
data.value.solveTime = dayjs(data.value.solveTime).format('YYYY年MM月DD日 hh时mm分')
data.value.abnormalTime = dayjs(data.value.abnormalTime).format('YYYY年MM月DD日 hh时mm分')
data.value.maintainPictureList = data.value.maintainPicture.split(",")

console.log('结果',props.nowRowData)
</script>
<style scoped lang="scss">
.time_part{
  width: 500px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}
.img_list{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content:flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
 
}
</style>